<!-- 列表标题 -->
<template>
	<view class="w-100  flex align-center" :class="bgstyle" :style="'height:'+rowHeight+'rpx'">
		<text class="ml-3" :class="textClass">{{title}}</text>
		<slot name="right"></slot>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:""
			},
			// 是否是标题
			isTitle:{
				type:Boolean,
				default:false
			},
			// 行高
			rowHeight:{
				type:[String,Number],
				default:'88'
			},
			
		},
		computed:{
			// 文字
			textClass(){
				return this.isTitle ? "font-md" : "font text-secondary"
			},
			// 背景
			bgstyle(){
				return this.isTitle ? '' :'bg-light-muted'
			}
			
			
		}
	}
</script>

<style>
</style>
